<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<link rel="stylesheet" type="text/css" href="css/adapter.css" />
	<script type="text/javascript" src="js/hw_plugin_public.js"></script>
	<script type="text/javascript" src="js/control.js"></script>
	<style>
            html {
                font-size: 14px;
            }
            body{
                background: #fff;
            }
            a{
                display: block;
            }
            .air-conditioner .wrap{
                width:70%;
                margin: 0 auto;
                padding-top: 3rem;
            }
            .air-conditioner .wrap .title li{
                display:-webkit-box;
                display:-webkit-flex;
                display:-ms-flexbox;
                display:flex;
                -webkit-box-align: center;
                -moz-align-items: center;
                -webkit-align-items: center;
                align-items: center;
                font-size: 14px;
            }
            .air-conditioner .wrap .title li div{
                -webkit-box-flex: 1;
                -moz-box-flex: 1;
                -ms-flex: 1;
                flex:1;
            }
            .air-conditioner .wrap .title li div:last-child{
                text-align: right;
            }
            .air-conditioner .c-icon{
                position: absolute;
                top: 1rem;
                right: -1.8rem;
            }
            .air-conditioner .c-icon img{
                width: 2.5rem;
            }
            .air-conditioner .c-num{
                position: relative;
                padding-top: 30px;
            }
            .air-conditioner .numbers{
                font-size: 60px;
            }
            .air-conditioner .padding-top{
                padding-top:3rem;
            }
            .air-conditioner .padding-top div:last-child{
                padding-top: 1rem;
            }
            .air-conditioner .fengxiang{
                width: 3rem;
                position: absolute;
                top: -15px;
                left: 3rem;
            }
            .air-conditioner .fx-wrap{
                position: relative;
            }
            .air-conditioner .img-list ul{
                display:-webkit-box;
                display:-webkit-flex;
                display:-ms-flexbox;
                display:flex;
                width: 70%;
                margin: 0 auto;
                padding-top: 5rem;
            }
            .air-conditioner .img-list ul li{
                flex: 1;
                margin-right: 1.5rem;
                -webkit-box-pack: center;
                -moz-justify-content: center;
                -webkit-justify-content: center;
                justify-content: center;
                -webkit-box-align: center;
                -moz-align-items: center;
                -webkit-align-items: center;
                align-items: center;
                display: flex;

            }
            .air-conditioner .img-list ul li img{
                width: 4rem;
            }
            .air-conditioner .img-list ul li:last-child{
                margin: 0;
            }
            .air-conditioner .footer-list{
                width: 70%;
                margin: 0 auto;
                margin-top: 1rem;
            }
            .air-conditioner .footer-list ul{
                display: flex;
                -webkit-box-pack: center;
                -moz-justify-content: center;
                -webkit-justify-content: center;
                justify-content: center;
                -webkit-box-align: center;
                -moz-align-items: center;
                -webkit-align-items: center;
                align-items: center;
                border: 1px solid #068ef8;
                border-radius: 10px;
                -webkit-border-radius:10px;
                -ms-border-radius:10px;
                -o-border-radius:10px;
                -moz-border-radius:10px;
                padding: 0.4rem 0;
            }
            .air-conditioner .footer-list ul img{
                width: 4.5rem;
            }
            .air-conditioner .active{-webkit-tap-highlight-color: #ccc}
            
            .air-conditioner .loading-wrap{
	            width: 7rem;
	            height: 7rem;
	            background: #ccc;
	            position: fixed;
	            top: 30%;
	            left: 50%;
	            transform: translateX(-50%);
	            -ms-transform: translateX(-50%);
	            -moz-transform: translateX(-50%);
	            -webkit-transform: translateX(-50%);
	            -o-transform: translateX(-50%);
	            text-align: center;
	            border-radius: 5px;
	            -webkit-border-radius: 5px;
	            -ms-border-radius: 5px;
	            -o-border-radius: 5px;
	            -moz-border-radius: 5px;
	            padding: 5px;
	        }

	        .air-conditioner .loading-wrap .loading-img {
	            padding-top: 1rem;
	        }

	        .air-conditioner .loading-wrap .loading-img img {
	            width: 3rem;
	        }

	        .air-conditioner .loading-wrap .loading-txt {
	            color: #fff;
	            font-size: 16px;
	        }

	        #loadings {
	            display: none;
	        }
        </style>
</head>
	<body onload="load();">
		 <div class="air-conditioner">
            <div class="wrap">
                <ul class="title">
                    <li>
                        <div class="fx-wrap">
                           <span local_key="SAMSUNG_AIR_SPEED">风速</span>
                           <img src="Img/FD.png" alt="" class="fengxiang" id="SPEED">
                        </div>
                        <div class="c-num">
                            <span class="numbers"  id="TEMP">27</span>
                            <span class="c-icon"><img src="Img/c-icon2.png" alt=""></span>
                        </div>
                    </li>
                    <!-- <li>
                        <div class="fx-wrap">
                            <span local_key="SAMSUNG_AIR_DIRECTION">风向</span>
                            <img src="Img/FX.png" alt="" class="fengxiang"  id="AIRFLOW"> 
                        </div>
                        <div> 
                        </div>
                    </li> -->
                    <li class="padding-top">
                        <div class="fx-wrap">
                          <span local_key="SAMSUNG_AIR_SWING">扫风</span>
                          <img src="Img/SF.png" alt="" class="fengxiang"  id="SWING">
                        </div>
                        <div>
                           <span local_key="SAMSUNG_AIR_MODE" id="AIRMODE">制冷模式</span>
                        </div>
                    </li>   
                </ul>
            </div>
            <div class="img-list">
                <ul>
                    <li><img src="Img/Jia.png" alt="" id="btnJia" onclick="changetemp('Add')"></li>
                    <li><img src="Img/Open.png" alt="" id="btnOpen" onclick="changeSwitch()"></li>
                    <li><img src="Img/Jian.png" alt="" id="btnJian" onclick="changetemp('Remove')"></li>
                </ul>
            </div>
            <div class="footer-list">
                <ul>
                    <li><img src="Img/Mode.png" alt=""  id="btnMode" onclick="aircontrl('Mode')"></li>
                    <li><img src="Img/Airflow.png" alt="" id="btnAirflow"  onclick="aircontrl('Airflow')"></li>
                    <li><img src="Img/fengxiangwu.png" alt="" id="btnJia"></li>
                    <li><img src="Img/Swing.png" alt="" id="btnSwing"  onclick="aircontrl('Swing')"></li>
                </ul>
            </div>
       <div class="loading-wrap" id="loadings">
            <div class="loading-img">
                <img src="Img/loading.gif" alt="" />
            </div>
            <div class="loading-txt">加载中...</div>
        </div>
        </div>
        
	</body>
</html>
